<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>评价工单</title>
		<link rel="stylesheet" href="../../plugin/css/start.css">
		<link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/global.css" />
		<style type="text/css">
			html,
			body {
				background-color: #FFFFFF;
			}
			
			.commentStar {
				padding-left: 24px;
				margin-top: 44px;
				margin-bottom: 10px;
			}
			
			.block {
				height: 2.5rem;
			}
			
			.el-rate {
				display: inline-block;
			}
			
			span.demonstration {
				font-size: 19px;
				font-family: -webkit-body;
				font-weight: 600;
				padding-right: 15px;
				color: #86878a;
			}
			
			.el-textarea__inner {
				width: 89%;
				margin: 0 auto;
				background-color: #f4f4f5;
				border: 1px solid #e4ecff;
			}
			
			.el-rate__icon {
				font-size: 23px;
			}
			
			.submit {
				margin-top: 10px;
				text-align: right;
				padding: 20px;
			}
		</style>
	</head>

	<body>
		<div id="app">
			<div class="commentStar">
				<div class="block">
					<span class="demonstration">响应速度</span>
					<el-rate v-model="speed" :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
					</el-rate>
				</div>
				<div class="block">
					<span class="demonstration">服务态度</span>
					<el-rate v-model="service" :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
					</el-rate>
				</div>
				<div class="block">
					<span class="demonstration">维修水平</span>
					<el-rate v-model="level" :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
					</el-rate>
				</div>
			</div>
			<div class="comment">
				<el-input type="textarea" :rows="7" placeholder="请输入内容" v-model="evaluateOther">
				</el-input>
			</div>
			<div class="submit" style="text-align: center;">
				<el-button type="primary" @click="submit">提交</el-button>
			</div>
		</div>
		<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
		<script src="../../plugin/vue/vue.min.js"></script>
		<script src="../../plugin/mui/js/mui.min.js"></script>
		<script src="../../plugin/other/start.js"></script>
		<!-- import JavaScript -->
		<script src="../../common/server.js"></script>
		<script src="../../common/common.js"></script>

		<script src="../js/comment.js"></script>
	</body>

</html>